<!-- 左侧中间 -->
<template >
  <div class="leftmiddle">
    <dv-border-box-12 style="width: 100%;height: 100%;">
      <div id="leftmiddle-box" class="pd10">
        <span id="span-title">河-河道排查</span>
        <div class="bigbox">
          <LeftMiddle_Detall />
        </div>
      </div>
    </dv-border-box-12>
  </div>
</template>
  
<script setup>
import LeftMiddle_Detall from "../home_detail/LeftMiddle_Detall.vue";
</script>
  
<style scoped>
.leftmiddle {
  width: 100%;
  height: 350px;
  /* width: 85%;
  height:33%; */
  /* background-color: #14181e; */
  box-sizing: border-box;
  border-radius: 6%;
  display: flex;
  position: relative;
}

#leftmiddle-box {
  height: 95%;
  width: 95%;
  background: rgba(4, 14, 17, 0.7);
  border-radius: 2%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dv-border-box-12 {
  height: 100%;
  position: relative;
}
</style>